<template>
	<view class="analy">
		<view class="analy-two">
			<view class="analy-two-text">解析</view>
			<view class="analy-two-cont">
				<view class="analy-two-cont-title" v-if="subject.type!='5'">本题正确答案：{{subject.answer}}</view>
				<view class="analy-two-cont-title" v-if="subject.type!='5'">您的答案：{{subject.choice}}</view>
				{{subject.analysis}}
				<view>
					<auto-img v-if="subject.analysisType=='2'" :src="subject.analysisContentUrl"></auto-img>
					<video v-if="subject.analysisType=='3'" :src="subject.analysisContentUrl"></video>
					<audio v-if="subject.analysisType=='4'" :src="subject.analysisContentUrl"></audio>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {isEmpty} from '@/utils/index';
	import AutoImg from '@/pages/exam/fragments/AutoImg';
	export default {
		components: {
			AutoImg
		},
		props: {
			subject: {
				type:Object,
				default:function(){
					return {}
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.analy {
		&-one {
			height: 150upx;
			font-size: 28upx;
			margin: 20upx;
			border-radius: 8rpx;
			box-shadow: 0 0 10upx #eaeaea;
			padding: 40upx 60upx;

			&-block {
				display: inline-block;
				width: 33%;
				height: 100%;
				text-align: center;
			}

			&-title {
				display: block;
				color: #333;
				font-size: 24upx;
				margin-bottom: 15upx;
			}

			&-cont1 {
				display: block;
				color: #5ea1f8;
				font-size: 30upx;
			}

			&-cont2 {
				display: block;
				color: #74c1b6;
				font-size: 30upx;
			}

			&-cont3 {
				display: block;
				color: #f1685d;
				font-size: 30upx;
			}
		}

		&-two {
			&-text {
				margin: 50upx 20upx 30upx 20upx;
				color: #333;
				font-size: 30upx;
				font-weight: bold;
			}

			&-cont {
				margin: 20upx;
				font-size: 28upx;
				border-radius: 8rpx;
				box-shadow: 0 0 10upx #eaeaea;
				padding: 30upx 30upx;
				color: #666;

				&-title {
					font-size: 30upx;
					font-weight: bold;
					color: #333;
					margin-bottom: 20upx;
				}

				&-answer {
					display: inline-block;
					color: #5ea1f8;
				}
			}

		}

	}
</style>
